﻿html,
body,
div,
ul,
li,
a,
h1,
p,
span,
input,
button {
    margin: 0;
    padding: 0;
}

body {
    font-family: Cambria, 'Times New Roman', 'Nimbus Roman No9 L', 'Freeserif', Times, serif;
    font-size: 16px;
}

body ul {
    list-style-type: none;
}

body #wrapper {
    width: 960px;
}

body #wrapper div {
    border: 1px solid black;
    margin: 30px 30px;
    border-radius: 15px;
    width: 380px;
    background: #eeeeee;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top, #eeeeee 0%, #aaaaaa 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #aaaaaa));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #aaaaaa 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%, #aaaaaa 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%, #aaaaaa 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%, #aaaaaa 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=0);
    /* IE6-8 */
}

body #wrapper div h1 {
    font-size: 1.8em;
    color: #555555;
    text-align: right;
    padding-top: 15px;
    padding-right: 21px;
}

body #wrapper div .messages-list {
    display: block;
    margin-top: 10px;
}

body #wrapper div .messages-list li {
    display: block;
    border: 1px solid black;
    width: 215px;
    border-radius: 16px;
    padding-top: 5px;
    margin-bottom: 6px;
}

body #wrapper div .messages-list li p {
    color: #555555;
}

body #wrapper div li.me-item {
    margin-left: 132px;
    padding-left: 15px;
    background: #29edff;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top, #29edff 0%, #c0faff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29edff), color-stop(100%, #c0faff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #29edff 0%, #c0faff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #29edff 0%, #c0faff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #29edff 0%, #c0faff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #29edff 0%, #c0faff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=0);
    /* IE6-8 */
}

body #wrapper div li.me-item span:first-of-type {
    font-weight: bold;
    color: #555555;
    font-size: 1.1em;
}

body #wrapper div li.me-item span:last-of-type {
    display: block;
    color: #555;
    font-size: 0.73em;
    text-align: right;
    margin-right: 15px;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

body #wrapper div li.toshko-item {
    width: 200px;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
    background: #dfffd2;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top, #dfffd2 0%, #6fff3b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfffd2), color-stop(100%, #6fff3b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dfffd2 0%, #6fff3b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dfffd2 0%, #6fff3b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dfffd2 0%, #6fff3b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #dfffd2 0%, #6fff3b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=0);
    /* IE6-8 */
}

body #wrapper div li.toshko-item span:first-of-type {
    display: block;
    font-weight: bold;
    color: #555555;
    font-size: 1.1em;
    text-align: right;
}

body #wrapper div li.toshko-item span:last-of-type {
    display: block;
    color: #555;
    font-size: 0.73em;
    text-align: left;
    margin-right: 15px;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

body #wrapper div input {
    background-color: #eee;
    border: none;
    border-radius: 5PX;
    display: inline-block;
    color: #555;
    padding: 10px 0 10px 15px;
    width: 260px;
    margin-top: 1px;
    margin-left: 15px;
    margin-bottom: 7px;
}

body #wrapper div button {
    border: none;
    border-radius: 5px;
    height: 35px;
    background: #ededed;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url();
    background: -moz-linear-gradient(top, #ededed 0%, #aaaaaa 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #aaaaaa));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed 0%, #aaaaaa 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%, #aaaaaa 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ededed 0%, #aaaaaa 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ededed 0%, #aaaaaa 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@from-color', endColorstr='@to-color', GradientType=0);
    /* IE6-8 */
    font-size: 1.1em;
    padding: 6px 15px;
}

body #wrapper div button:hover {
    background: #eeeeee;
}